<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./../templates/mantenimiento.xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:r="http://richfaces.org">

    <ui:define name="title">
        Cambio de contraseña
    </ui:define>
    <ui:define name="datos">
        <h:panelGrid id="panelDatos">
            <h:form id="formDatos">
                <center>
                    <r:panel header="Datos empleado" >
                        <h:panelGrid columns="2" columnClasses="alignTop alignTop">
                            <h:panelGrid id="datos1" columns="4" columnClasses=",textoNegrita,letravista">
                                <f:verbatim />
                                <h:outputText value="Nombre:" />
                                <h:outputText value="#{jsfCambioContrasenia.persona.nombre}" />
                                <f:verbatim />
                                <f:verbatim />
                                <h:outputText value="Identificación:" />
                                <h:outputText value="#{jsfCambioContrasenia.persona.identificacion}" />
                                <f:verbatim />
                                <f:verbatim />
                                <h:outputText value="Cargo:" />
                                <h:outputText value="#{jsfCambioContrasenia.persona.admCargo.nombre}" />
                                <f:verbatim />

                                <h:graphicImage library="images/ajax" name="bullet.gif" />
                                <h:outputText value="Username:" />
                                <h:inputText label="Username" required="true" id="clave" maxlength="20"  value="#{jsfCambioContrasenia.object.username}" />
                                <r:message for="clave"/>

                                <h:graphicImage library="images/ajax" name="bullet.gif" />
                                <h:outputText value="Ingrese contraseña actual:" />
                                <h:inputSecret label="Contraseña actual" required="true" id="conactual" maxlength="20"  value="#{jsfCambioContrasenia.antiagiaCon}" >

                                </h:inputSecret>
                                <r:message for="conactual"/>

                                <h:graphicImage library="images/ajax" name="bullet.gif" />
                                <h:outputText value="Nueva contraseña:" />
                                <h:inputSecret label="Nueva contraseña" required="true" maxlength="20" id="nuevaContrasena"  value="#{jsfCambioContrasenia.actCon}" />
                                <r:message for="nuevaContrasena"/>

                                <h:graphicImage library="images/ajax" name="bullet.gif" />
                                <h:outputText value="Confirmar contraseña:" />
                                <h:inputSecret label="Confirmar contraseña" required="true" maxlength="20" id="confContrasena"  value="#{jsfCambioContrasenia.confCon}" />
                                <r:message for="confContrasena"/>


                            </h:panelGrid>
                        </h:panelGrid>
                    </r:panel>
                </center>
                <br />
                <h:panelGrid >
                    <h:panelGroup id="panelBotones">
                        <h:commandButton id="btGrabar" value="Grabar" action="#{jsfCambioContrasenia.grabarAction}"  title="Grabar registro">
                            <f:ajax execute="@form" event="action" render="commonStatus :panelDatos "/>
                        </h:commandButton>
                        <h:commandButton id="btNuevo" value="Nuevo" action="#{jsfCambioContrasenia.nuevoAction}"  title="Limpiar o crear nuevo registro">
                            <f:ajax event="action" render="@form"/>
                        </h:commandButton>
                        <r:status id="commonStatus">
                            <f:facet name="start">
                                <h:graphicImage library="images/ajax" name="status2.gif"/>
                            </f:facet>
                        </r:status>
                    </h:panelGroup>

                    <r:message for="formDatos">
                        <f:facet name="errorMarker">
                            <h:graphicImage library="images/ajax" name="warning.gif"/>
                        </f:facet>
                        <f:facet name="infoMarker">
                            <h:graphicImage library="images/ajax" name="passed.gif"/>
                        </f:facet>
                    </r:message>
                </h:panelGrid>
                <br />
                <h:panelGroup >
                    <h:graphicImage library="images/ajax" name="bullet.gif" />
                    <h:outputText value="Campo obligatorio" styleClass="campo-obligatorio"/>
                </h:panelGroup>
                <div class="separador" />
                <hr width="100%" />
                <p /> 


            </h:form>
        </h:panelGrid>

    </ui:define>
</ui:composition>
